<template>
 <div>
  <button @click="com='UserAccount'">显示用户账号组件</button>
  |
  <button @click="com='UserInfo'">显示用户信息组件</button>
  <component :is="com"></component>
 </div>
</template>
<script>
import UserAccount from './components/UserAccount.vue'
import UserInfo from './components/UserInfo.vue'
export default {
  components: {
    UserAccount,
    UserInfo
  },
 data() {
 return {
  com:''
 }
 },
 methods:{
 },
}
</script>
<style lang="less" scoped>

</style>
